<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    
    <h:head>
        <title>Edição de Cadastro</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    </h:head>

    <h:body>

        <ui:composition template="./templates/TemplatePagina.xhtml">

            <ui:define name="conteudo">
                <h:form>
                    <p:panel>
                        <h:panelGrid columns="2">
                            <h:outputLabel value="Nome: " for="campo-nome"/>
                            <p:inputText id="campo-nome" value="#{clienteController.selecionado.nome}" size="40" required="true" requiredMessage="o campo nome não pode ser nulo"/>
                            
                            <h:outputLabel value="Sobreome: " for="campo-nome"/>
                            <p:inputText id="campo-nome" value="#{clienteController.selecionado.sobrenome}" size="40" required="true" requiredMessage="o campo nome não pode ser nulo"/>

                            <h:outputLabel value="CPF: " for="campo-cpf"/>
                            <p:inputMask id="campo-cpf" value="#{clienteController.selecionado.cpf}" mask="999.999.999-99"  size="15" required="true" requiredMessage="o campo cpf não pode ser nulo"/>




                            <p:outputLabel value="Data Nascimento: " for="campo-data"/>
                            <p:calendar id="mask" value="#{clienteController.selecionado.dataNascimento}" pattern="dd-MM-yyyy" mask="true" />

                            <h:outputLabel value="Endereço: " for="campo-endereco" />
                            <p:inputText id="campo-endereco" value="#{clienteController.selecionado.endereco}"  size="40" rendered="true" requiredMessage="campo obrigatório"/>


                            <h:outputLabel value="Bairro:" for="campo-bairro" />
                            <p:inputText id="campo-bairro" value="#{clienteController.selecionado.bairro}" size="40" />


                            <h:outputLabel value="E-mail: " for="campo-email" />
                            <p:inputText id="campo-email" value="#{clienteController.selecionado.email}" size="40" required="true" requiredMessage="campo email é obrigatorio"/>


                            <h:outputLabel value="Telefone: " for="campo-telefone" />
                            <p:inputText id="campo-telefone" value="#{clienteController.selecionado.telefone}"/>
                            <h:commandLink action="#{clienteController.atualizar}" value="Alterar"/>

                            <h:panelGroup id="messagePanel" layout="block">
                                <h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/>
                            </h:panelGroup>

                        </h:panelGrid>     
                    </p:panel>
                </h:form>
            </ui:define>

            <ui:define name="rodape">

            </ui:define>

        </ui:composition>

    </h:body>
</html>
